<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=10">
    <!-- 清除浏览器缓存 -->
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!-- 清除浏览器缓存 -->
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <!-- 兼容手机模式 -->
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta charset="UTF-8">
    <title>人力资源</title>

    <link rel="icon" type="image/x-icon"  th:href="@{/images/title.ico}"/>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/css/all-icon.css}"/>
    <link rel="stylesheet" th:href="@{/css/main.css}"/>
    <link rel="stylesheet" th:href="@{/css/util/common.css}"/>

</head>
<style>

</style>
<body class="layui-layout-body">
    <div class="close_theme"></div>
    <div id="theme_div">
        <div style="padding:10px;">
            <div style="width:100%;float: left;">
                <fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0 10px;">
                    <legend style="color: #98cc33;font-size: 15px;">主题背景</legend>
                </fieldset>
                <ul id="theme_ul"></ul>
            </div>
            <div id="theme_tab" class="layui-form" style="width:100%;float: left;">
                <fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0 10px;">
                    <legend style="color: #98cc33;font-size: 15px;">标签页选项</legend>
                </fieldset>
            </div>
        </div>
    </div>
    <!-- 加载中 转圈圈 -->
    <div class="lay-loader">
        <div class="lay-loader-inner"></div>
    </div>
    <!-- 项目切换选择 -->
    <div style="padding:10px;display: none;color: #65715d;" id="openOrgSel">
    </div>

    <div class="layui-layout layui-layout-admin">

        <!-- 头部 -->
        <div class="layui-header">
            <div class="layui-logo">
                <i class="all-icon" style="font-size: 22px;">&#xe63d;</i>
                <span id="title_head" style="font-size: 22px;font-family: ktFont">人力资源系统</span>
            </div>
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item" lay-unselect id="none_meun">
                    <a href="javascript:;" title="隐藏左侧菜单">
                        <i class="layui-icon layui-icon-shrink-right"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect id="refresh_page">
                    <a href="javascript:;" title="刷新当前">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
            </ul>

            <!-- 头部区域（可配合layui已有的水平导航） -->
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item mobile_hiden" title="数据展示">
                    <a href="javascript:;"  onclick="showData()">
                        <i class="all-icon " style="font-size: 16px;">&#xe631;</i>
                    </a>
                </li>
                <li class="layui-nav-item mobile_hiden" title="清除缓存" >
                    <a href="javascript:;" onclick="clearCache()">
                        <i class="layui-icon">&#xe640;</i>
                    </a>
                </li>
                <li class="layui-nav-item mobile_hiden screen" lay-id="0" title="全屏">
                    <a href="javascript:;">
                        <i class="layui-icon">&#xe622;</i>
                    </a>
                </li>
                <li class="layui-nav-item mobile_show" style="display: none;">
                    <a href="javascript:;">
                        更多
                    </a>
                    <dl class="layui-nav-child">
                        <dd title="数据展示">
                            <a href="javascript:;"  onclick="showData()">
                                <i class="all-icon " style="font-size: 16px;">&#xe631;</i>
                            </a>
                        </dd>
                        <dd title="清除缓存" >
                            <a href="javascript:;" onclick="clearCache()">
                                <i class="layui-icon">&#xe640;</i>
                            </a>
                        </dd>
                        <dd class="screen" lay-id="0" title="全屏">
                            <a href="javascript:;">
                                <i class="layui-icon">&#xe622;</i>
                            </a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img id="index_img" th:src="${session.loginUser.img}" class="layui-nav-img"
                             onerror="javascript:setTimeout(function() {errorImg('#index_img')}, 1000);"
                             style="overflow: hidden; width: 40px; height: 40px;">
                        <span th:text="${session.loginUser.name}"></span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;" class="head_gr" onclick="updatePassWord()">
                                <i class="layui-icon">&#xe673;</i>&nbsp;&nbsp;&nbsp;&nbsp;修改密码
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;" class="head_gr" onclick="settingTheme()">
                                <i class="layui-icon">&#xe66a;</i>&nbsp;&nbsp;&nbsp;&nbsp;更改主题
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;" class="head_gr" id="lockScreen">
                                <i class="layui-icon">&#xe683;</i>&nbsp;&nbsp;&nbsp;&nbsp;锁屏
                            </a>
                        </dd>
                        <hr>
                        <dd>
                            <a href="javascript:;" class="head_gr" onclick="exitLogin()">
                                <i class="layui-icon">&#xe682;</i>&nbsp;&nbsp;&nbsp;&nbsp;退出登录
                            </a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>

        <!--左侧菜单-->
        <div class="layui-side layui-bg-black" id="left_meun">
            <div class="layui-side-scroll">
                <ul class="layui-nav layui-nav-tree" lay-filter="test" id="left_ul">
                </ul>
            </div>
        </div>
        <!-- 遮罩层（菜单遮罩层-手机兼容模式显示） -->
        <div class="app-mask"></div>

        <!--主体，标签关闭-->
        <div class="layui-body" id="body_1" style="display: none;">
            <div class="layui-tab app-container" lay-allowclose="true" lay-filter="tabs">
                <div class="layui-tab-content" style="top:0px;">
                    <div class="layui-tab-item layui-show">
                        <iframe id="homeUrl" name="homeUrl" style="border: 0px;" src=""></iframe>
                    </div>
                </div>
            </div>
        </div>
        <!--主体，标签开启-->
        <div class="layui-body" id="body_2">
            <div class="layui-tab layui-tab-brief app-container" lay-filter="demo" lay-allowClose="true" style="padding: 0px; margin: 0px;">
                <ul class="layui-tab-title" id="tab_id" style="z-index: 999999;background: white;margin: 0px 30px 0px 0px;"></ul>
                <div class="layui-tab-content" style="padding: 0px;top:30px;">
                    <div class="layui-tab-item layui-show">
                        <iframe id="home" name="home" style="border: 0px;" src=""></iframe>
                    </div>
                </div>
                <!-- 右键关闭标签 -->
                <div class="lay-tab-title-right-close" state="1">
                    <i class="layui-icon layui-icon-more-vertical"></i>
                </div>
                <div class="close_tab">
                    <ul>
                        <li tid="1">
                            <i class="layui-icon" style="position: relative;top: 1px;">&#xe616;</i>
                            <span>关闭当前</span>
                        </li>
                        <li tid="2">
                            <i class="layui-icon" style="position: relative;top: 1px;">&#x1006;</i>
                            <span>关闭其他</span>
                        </li>
                        <li tid="3">
                            <i class="layui-icon" style="position: relative;top: 1px;">&#x1007;</i>
                            <span>关闭所有</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 底部固定区域 -->
        <!-- <div class="layui-footer" style="height:40px;">
            <div style="width: 100%;">
                <div style="float: left;color: gray;">V 1.0.0</div>
                <div id="date_div" style="float: right;font-size: 18px;color: gray;"></div>
            </div>
        </div> -->

    </div>

    <!-- 锁屏 -->
    <div style="display: none;padding:10px;" id="div_sp">
        <form action="">
            <input class="layui-form layui-input" style="width:250px;float:left;" id="suoping" type="password" lay-verify="required" lay-reqtext="密码不能为空">
            <button class="layui-btn" style="float:left;margin-left:10px;" lay-submit="" lay-filter="subSp">确定</button>
        </form>
    </div>

    <!-- 修改密码 -->
    <form class="layui-form" action="" id="password_form" lay-filter="password_form" style="padding:10px;display: none;">
        <div class="layui-form-item">
            <label class="layui-form-label">姓名</label>
            <div class="layui-input-block">
                <input type="text" name="name" autocomplete="new-text" class="layui-input">
            </div>
        </div>
        <input type="text" name="id" class="layui-input" style="display: none">
        <div class="layui-form-item">
            <label class="layui-form-label req">旧密码</label>
            <div class="layui-input-block">
                <input type="password" name="oldPass" placeholder="请输入旧密码" lay-verify="required" lay-reqtext="旧密码必填"
                       autocomplete="new-password" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label req">新密码</label>
            <div class="layui-input-block">
                <input type="password" name="password1" placeholder="请输入新密码" lay-verify="required" lay-reqtext="新密码必填，密码长度（6~18）"
                       autocomplete="new-password" class="layui-input" maxlength="18">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label req">确认新密码</label>
            <div class="layui-input-block">
                <input type="password" name="password2" placeholder="请确认新密码" lay-verify="required" lay-reqtext="确认新密码必填"
                      autocomplete="new-password" class="layui-input" maxlength="18">
            </div>
        </div>
        <div class="layui-form-item" style="text-align: center;">
            <a class="layui-btn lay-submit-btn" lay-submit="" lay-filter="submitForm">立即提交</a>
            <a class="layui-btn layui-btn-primary lay-close-btn">关闭</a>
        </div>
    </form>
</body>
<script type="text/javascript" th:inline="javascript">
    // 获取项目名称（如：/project-name/）
    /*<![CDATA[*/
    var ctxPath = /*[[@{/}]]*/ '';
    /*]]>*/
    var sp = [[${session.suoPing}]];
    var lastOid = [[${session.loginUser.lastOid}]];
    var oid = [[${session.loginUser.oid}]];
    var themeStyle = [[${session.themeStyle}]];
    var theme = [[${session.theme}]];
    var moduleTheme = [[${session.moduleTheme}]];
    var user_name = [[${session.loginUser.name}]];
    var user_id = [[${session.loginUser.id}]];
</script>
<script type="text/javascript" th:src="@{/js/util/jquery-2.1.1.min.js}"></script>
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/js/util/common.js}"></script>
<script type="text/javascript" th:src="@{/js/util/aes.min.js}"></script>
<script type="text/javascript" th:src="@{/js/main_theme_select.js}"></script>

<script type="text/javascript" th:src="@{/js/main_head.js}"></script>
<script type="text/javascript" th:src="@{/js/main_data.js}"></script>
<script type="text/javascript" th:src="@{/js/main_theme_tab.js}"></script>


</html>